<template>
    <div class="pagination">
      <div class="pre" @click="currentChange('pre')">上一页</div>
      <div class="next" @click="currentChange('next')">下一页</div>
    </div>
  </template>
  <script setup>
  import { defineProps } from 'vue';
  const { currentChange } = defineProps(['currentChange'])
  </script>
  <style lang='less' scoped>
  .pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    color: #fff;
  
    .pre {
      background-color: #409eff;
      margin-right: 10px;
      padding: 5px;
    }
  
    .next {
      padding: 5px;
      background-color: #409eff;
    }
  }
  </style>